<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
    <script src="src/js/jscal2.js"></script>
    <script src="src/js/lang/pt.js"></script>
    <link rel="stylesheet" type="text/css" href="src/css/jscal2.css" />
    <link rel="stylesheet" type="text/css" href="src/css/border-radius.css" />
    <link rel="stylesheet" type="text/css" href="src/css/steel/steel.css" />

</head>

<body>
 <input size="15" id="data_inicio" />&nbsp;<button id="f_btn1">...</button><br />
 
  <input size="15" id="data_fim" />&nbsp;<button id="f_btn2">...</button><br />
 
    <script type="text/javascript">//<![CDATA[
      Calendar.setup({
        inputField : "data_inicio",
        trigger    : "f_btn1",
        onSelect   : function() { this.hide() },
        showTime   : 12,
        dateFormat : "%d/%m/%Y"
      });
	  
	   Calendar.setup({
        inputField : "data_fim",
        trigger    : "f_btn2",
        onSelect   : function() { this.hide() },
        showTime   : 12,
        dateFormat : "%d/%m/%Y"
      });
    //]]></script>

</body>
</html>
